<template>
<div>
  <!-- 自定义图标 -->
  <van-tabbar v-model="active" route>
    <van-tabbar-item to="/homePage" name="homePage" icon="wap-home-o">
      <span>首页</span>
    </van-tabbar-item>
    <van-tabbar-item to="/lookForHousing" name="lookForHousing" icon="search">
      <span>找房</span>
    </van-tabbar-item>
    <van-tabbar-item to="/inForMation" name="inForMation" icon="newspaper-o">
      <span>资讯</span>
    </van-tabbar-item>
    <van-tabbar-item to="/myInformation" name="myInformation" icon="contact">
      <span>我的</span>
    </van-tabbar-item>
  </van-tabbar>
  <div class="top">
      <!-- 路由的出口 -->
      <router-view ></router-view>
  </div>

</div>
</template>

<script>
export default {
  data() {
    return {
      active: 'homePage',
      icon: {
        active: 'https://img01.yzcdn.cn/vant/user-active.png',
        inactive: 'https://img01.yzcdn.cn/vant/user-inactive.png',
      },
    };
  },
};
</script>

<style scoped>

</style>